@charset "utf-8";
/*css comment*/
*,*:before,*:after{
    margin:0;
    padding:0;
    outline:none;
    list-style:none;
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}  
/*
@font-face {
  font-family: 'PingFang_Medium';
  src: url('../fonts/PingFang_Medium.eot');
  src: url('../fonts/PingFang_Medium.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/PingFang_Medium.woff') format('woff'),
	   url('../fonts/PingFang_Medium.ttf') format('truetype'),
	   url('../fonts/PingFang_Medium.svg#PingFang_Medium') format('svg');
  font-weight: normal;
  font-style: normal;
} */
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size: 100px;
}
body {
    font-family:'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
	line-height:1.85; 
    color: #666666;
    background: #ffffff;
	font-weight: 400;   
} 
img {
    border:none;
	display:inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
button, input, textarea ,select{
    border:none;
    background:none;
    font-size:14px;
    vertical-align:middle;
    color:#333; 
	font-family:'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
}
select {
    border:inherit;
    background: inherit;
}
a {
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    outline: none;
    color:#000;
} 
a:hover,a:active,a:focus {
    text-decoration:none;
} 
em, i {
    font-style:normal;
}
a:focus, input, select {
    outline:none;
}
.clearfix {
    *zoom:1;
}
.clearfix:after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
    -webkit-appearance: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.80;
} 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.25;}
p,ul, ol{ margin: 0;}
header,main,footer,section{ display:block;} 
td{ word-wrap:break-word}


/*browserupgrade*/
.browserupgrade{display:block;position:fixed; top:-60px; opacity: 0; left:0; margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee} 
.browserupgrade a.upgrade_close{ display:block; position:absolute; top:0; right:0; z-index: 10; width:60px; line-height:60px; text-align: center; color: #fff; font-size: 40px; text-decoration:none; cursor: pointer;}  
/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .ico_box img{ 
	-webkit-transition:all .6s ease; transition:all .6s ease; 
}  
a,input[type="text"]{ -webkit-transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease; 
	transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease;
}

.inner{ width:85%; max-width:1200px; margin: 0 auto;}  
.inner_1600{ width:85%; max-width:1600px; margin: 0 auto;}  
/*font*/     
.f60{ font-size: 60px;}
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f26{ font-size: 26px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;} 
.f20{ font-size: 20px;} 
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;}
.pb100{padding-bottom: 100px;}
.pb0{padding-bottom: 0px!important;}

/*===================header========================*/ 
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; background: #ffffff; color: #333333; -webkit-transition:transform .6s ease; transition:transform .6s ease; } 
/*=====header_top=====*/
.header_top{ height: 145px; border-bottom: 1px solid #E9EAEE;}
.header_top .inner_1600{ height: 100%; display:flex; align-items: center;}
.logo{ margin-right: 5%;}  
.logo a img{ display:block; height: 102px; width: auto;} 
.header_r{ flex:1 0 0; margin-left: auto; display: flex;}
.search{ margin-left:auto; width: 50%; max-width: 420px; background: #ffffff; border: 1px solid #255FB7; border-radius: 24px; }
.search_btn, .search_txt{ display:block; height:48px;}
.search_btn{ cursor: pointer; float:right; width:60px; text-align: center;}
.search_btn .iconfont{ font-size: 24px;}
.search_fill{ position: relative; overflow:hidden;}
.search_fill:before{ content:""; position: absolute; top:20%; right:0; width:1px; height: 60%; background: #255FB7;}
.search_txt{ width:100%; padding: 10px 24px; color: #255FB7; font-weight: 500;}
.search_txt::-webkit-input-placeholder{ color:#255FB7; }
.search_txt::-moz-input-placeholder{ color:#255FB7; } /* firefox 19+ */
.search_txt:-ms-input-placeholder{ color:#255FB7; } /* ie */
.search_txt:-moz-input-placeholder{ color:#255FB7; }
/*notice*/
.notice{ display:flex; flex-wrap: nowrap;}
.notice li{ position: relative; margin-left: 14px;}
.notice_ico{ display: block; overflow: hidden; width: 48px; height: 48px; text-align: center; line-height: 46px; border:1px solid #255FB7; color:#255FB7; border-radius: 50%;}
.notice_ico .iconfont{ font-size: 26px;}
.notice li:nth-child(2) .notice_ico .iconfont{ font-size: 22px;}
.notice_more{ width:176px; position:absolute; top:100%; left:50%; transform: scale(.90) translateX(-50%); z-index: 1; padding-top: 14px; -webkit-transition:all .6s ease; transition:all .6s ease; opacity: 0; visibility: hidden; pointer-events: none;} 
.notice_more:before{ content: ""; position: absolute;
    bottom: 100%;
	left:50%; 
    width: 10px;
    height: 10px; 
    z-index: 2; 
    border: 0;
    border-top: 1px solid rgba(0,0,0, .15);
    border-right: 1px solid rgba(0,0,0, .15);
	background: #fff;
    -webkit-transform: translate(-50%, 18px) rotate(-45deg);
    -ms-transform: translate(-50%, 18px) rotate(-45deg);
    -o-transform: translate(-50%, 18px) rotate(-45deg);
    transform: translate(-50%, 18px) rotate(-45deg);
} 
.notice_more_con{ padding: 8px 0; background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(0,0,0, .15); border-radius: 3px; line-height: 22px;}
.notice_more_con img{ display: block; max-width: 160px; margin: 0 auto;}
.notice_more_txt{ padding: 0 15px;}
.notice li:hover .notice_ico{ background: #255FB7; color: #ffffff;}
.notice li:hover .notice_more{ opacity: 1; visibility: visible; pointer-events: all;}
/*func_munu*/
.func_munu{ cursor: pointer; width: 42px; height: 42px; text-align: center; line-height: 40px; border:1px solid #255FB7; color:#255FB7; border-radius: 50%; margin-left: .30rem; display: none;}
.func_munu .iconfont{ font-size: 24px;}
.func_munu.active{ background: #255FB7; color: #ffffff;}
.menu_search{ }
/*menu_phone*/
.menu_phone{ }
/*header_bot*/
.header_bot{ position: relative; border-bottom: 1px solid #E9EAEE; }
@media (min-width: 768px){
	.search, .header_bot{ display:block!important;}
}
/*nav*/
.nav{ display:flex; justify-content: space-between;}
.nav li.n_li0{ flex:1 0 0; padding-top: 14px;}  
.nav li.n_li0:first-child{ flex:none;}
.n_tit{ position: relative;}
.n_tit a.n_a0{ display:block; text-align: center; white-space: nowrap; font-weight: 500; color: #122788; } 
.n_tit a.n_a0 em{ display: inline-block; border-radius:10px 10px 0 0; height: 70px; line-height: 62px; padding: 0 20px; -webkit-transition:all .6s ease; transition:all .6s ease; } 
.n_tit .iconfont{ position:absolute; top:0; right:0; z-index: 2; width: 40px; height: 40px; line-height: 40px; text-align: center; display:none;}
.nav li.n_li0:hover .n_tit a.n_a0 em,
.nav li.n_li0.current .n_tit a.n_a0 em,
.nav li.n_li0:hover .n_tit .iconfont,
.nav li.n_li0.current .n_tit .iconfont{ background: #122788; color:#ffffff; } 
.n_subclass{ display:none; background: #FAFAFA; border-top: 1px solid #E9EAEE; position: absolute; top:100%; left:0; z-index: 1003; width:100%; padding: .28rem 0;}
.subclass_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin-right: -4%;}
.subclass_list li{ padding: .10rem 4% .10rem 0;}  
.subclass_list li a{ display:block; position: relative; color:#333333; line-height: 24px; padding-left: 14px;}
.subclass_list li a:before{ content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 6px; height: 6px; background:#255FB7; border-radius:50%; }
.subclass_list li a:hover{ text-decoration:underline; color: #255FB7;}
.subclass_list li a:hover:before{ opacity:1; filter:alpha(opacity=100);}
.nav li.n_li0:nth-child(3) .n_subclass .subclass_list li,
.nav li.n_li0:nth-child(4) .n_subclass .subclass_list li{ width:25%; }
.nav li.n_li0:nth-child(6) .n_subclass{ display: none!important;}

@media (min-width: 768px){ 
	.n_subclass{ display:none!important;}
	.nav li.n_li0:hover .n_subclass{ display:block!important;}
	.nav li.n_li0:nth-child(6) .n_subclass,
	.nav li.n_li0:nth-child(6):hover .n_subclass{ display: none!important;}
	.nav li.n_li0:hover .n_subclass .subclass_list{
		-webkit-animation: 1s .2s fadeIn both;
		animation: 1s .2s fadeIn both;
	}
	.n_tit .iconfont{ display:none!important;}
}
/*body.up*/
@media (min-width: 1200px){
	header.scollfox{ pointer-events: none; transform: translateY(-100%);}
	body.up header.scollfox{ pointer-events: all; transform: translateY(0);}   
}

/*===================footer========================*/
footer{ position: relative; background: #122788 url(../images/footer_01.jpg) no-repeat; background-size: cover; color: #ffffff; text-align: center; padding: .50rem 0; }
footer a{ color: #ffffff;}
.footer_left{ float:left; width: 75%; max-width: 1150px;}
.f_con{ width:100%; max-width: 860px; float:right; color: rgba(255,255,255,.60);}
.f_pro_nav{ border-bottom: 1px solid rgba(255,255,255,.30); padding-bottom: 20px; margin-bottom: 20px;}
.f_pro_nav li{ display:inline-block; vertical-align: middle; position: relative;}
.f_pro_nav li:before{ content:""; position: absolute; top:50%; margin-top: -7px; left:0; width:1px; height: 14px; background: rgba(255,255,255,.40);}
.f_pro_nav li:first-child:before{ display:none;}
.f_pro_nav li a{ color: #fff; padding: 0 .30rem;}
.f_about_nav{ margin-bottom: 15px;}
.f_about_nav li{ display:inline-block; vertical-align: middle; padding: 0 .10rem;}
.f_about_nav li a{ display:block; position: relative; padding-left: 10px; color: rgba(255,255,255,.60);}
.f_about_nav li a:before{ content:""; position: absolute; top:50%; left:0; margin-top: -2px; width:4px; height: 4px; border-radius:50%; background: rgba(255,255,255,.30);}
.f_pro_nav li a:hover, .f_about_nav li a:hover{ color: rgba(255,255,255,.80);}
.footer_right{ overflow:hidden; text-align: center;}
.footer_notice{ display: flex; justify-content: center; text-align: center;}
.footer_notice li{ max-width: 102px; margin: 0 .10rem;}
/*float*/
.float{ position:fixed; bottom: 10%; right:0; z-index: 1000;} 
.float li{ position: relative; margin-top: 4px;} 
.float_ico{ display: flex; flex-direction:column; align-items: center; justify-content: center; cursor: pointer; width: 60px; min-height: 60px; padding: .16rem 0; text-align: center; background: #F7F7F7; box-shadow:0 0 5px 1px rgba(0,0,0, .10); color: #255FB7; border-radius: 3px; -webkit-transition:all .6s ease; transition:all .6s ease;}
.float_ico .iconfont{ line-height: 1; font-size: 28px;}
.float_ico em{ display:block; line-height: 26px; margin-top: 5px;}
.float_more{ /*width:205px;*/ width:max-content; position:absolute; bottom:0; right:100%; z-index: 1; padding-right: 30px; color: #070D34; -webkit-transition:all .6s ease; transition:all .6s ease; opacity: 0; visibility: hidden; pointer-events: none;} 
.float_more:before{ content: ""; position: absolute;
    bottom: 10px;
	right: 0; 
    width: 10px;
    height: 10px; 
    z-index: 2; 
    border: 0;
    border-top: 1px solid rgba(0,0,0, .15);
    border-right: 1px solid rgba(0,0,0, .15);
	background: #fff;
    -webkit-transform: translate(-24px, -12px) rotate(-45deg);
    -ms-transform: translate(-24px, -12px) rotate(-45deg);
    -o-transform: translate(-24px, -12px) rotate(-45deg);
    transform: translate(-24px, -12px) rotate(-45deg);
} 
.float_more_con{ padding: 8px 0; background: #FFFFFF; box-shadow: 0 0 10px 0 rgba(0,0,0, .15); border-radius: 3px; line-height: 22px;}
.float_more_con img{ display: block; max-width: 160px; margin: 0 auto;}
.float_more_txt{ text-align: left; padding: 0 15px;}
.float li:hover .float_ico{ background: #255FB7; color: #ffffff;}
.float li:hover .float_more{ opacity: 1; visibility: visible; pointer-events: all;} 


/*===================main========================*/
main{ padding-top: 230px; padding-bottom: 100px; min-height: 600px; } 
/*bgImg*/
.bgImg{ width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-transition:all .6s ease; transition:all .6s ease; }
.bgImg img{display:none;}
/*table*/
.table{ display:table; width:100%; height: 100%; }
.cell{ display:table-cell; vertical-align:middle;} 
/*img_box*/
.img_box{ position:relative; height: 0; overflow: hidden; padding-top: 100%; background: #fff;}
.img_box img{ /*display:block; width:100%;  position:absolute; top:0; left:0;*/
	display: block; margin: auto; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width: auto; height: auto; max-width: 100%; max-height: 100%; 
}
/*tit*/
.tit{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
/*des*/
.des{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-break: auto;
    -webkit-box-orient: vertical; 
}
 
/*====================01 index==========================*/
.more02{ display:block; text-align:center; background: #1d2088; color: #ffffff;  width:2.10rem; min-width: 150px; line-height: 48px; border:1px solid #1d2088; border-radius: 25px;}
.more02 em{ display:inline-block; position: relative; background: right center no-repeat; background-size: 12px; padding-right: 20px; } 
.more02 em:before{ content:"\e6bc"; position: absolute; top:50%; transform: translateY(-50%); right:0; font-family: "iconfont"; font-size:14px;}
.more02:hover{ background-color:#fff; color: #1d2088;} 
/*focus_warp*/
.focus_warp{ position: relative;/* height: -webkit-calc(100vh - 230px); height: calc(100vh - 230px); height: 720px;*/ }  
#focus_swiper{height:100%; -webkit-animation: 1s .2s fadeIn both; animation: 1s .2s fadeIn both; display:none;} 
#focus_swiper .swiper-slide .bgImg{ height:auto; padding-top: 37.50%; min-height: 300px;}
#focus_swiper .swiper-slide .bgImg:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .20); }
.focus_txt{ position: absolute; top:40%; left:0; z-index: 3; width:100%; color: #fff; text-align: center;} 
.focus_txt .inner{ display:table; height:100%;}
.focus_txt .f_t_p01{ line-height: 1.1; text-transform:capitalize;}
.focus_txt .more02{ background-color: transparent; border-color:#ffffff; margin: .50rem auto 0;}
.focus_txt .more02:hover{ background-color: #ffffff;}
#focus_swiper .swiper-slide.swiper-slide-active .focus_txt .f_t_p01{
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
} 
#focus_swiper .swiper-slide.swiper-slide-active .focus_txt .more02{
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}  
#focus_swiper .swiper-pagination{ bottom:0; background:none;}
#focus_swiper .swiper-pagination-bullet { display: inline-block; vertical-align: middle; width: .60rem; height: .50rem; margin: 0 .10rem; background: none; border-radius:0; opacity: 1;}
#focus_swiper .swiper-pagination-bullet span { display: block; background: #fff; width: 100%; height: 2px;}
#focus_swiper .swiper-pagination-bullet-active span{ background:#fff;}
#focus_swiper .autoplay .swiper-pagination-bullet-active span{ background:#fff; }
#focus_swiper .swiper-pagination-bullet i{display: block; background: #2FA9D5; height: 2px; transform:scaleX(0); transform-origin: 0; }
#focus_swiper .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
#focus_swiper .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
#focus_swiper  .autoplay .replace span{ /*background:#fff;*/} 
 /*focus_video*/ 
.focus_video{ position: relative; padding-top: 37.50%; min-height: 300px;} 
.focus_video video{ position: absolute; top:0; left:0; width:100%; height: 100%; object-fit: cover;}
.focus_pic{ display: block; padding-top: 37.50%; min-height: 240px;} 
.focus_pic img{ display:block; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
/*mouse-icon*/
.mouse_icon { display:block; position: absolute; bottom: 5%; left:50%; transform: translateX(-50%); z-index: 2; }
.mouse_icon .arrow {
  width: 20px;
  height: 20px;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  -webkit-animation: arrowAnim 1.2s infinite;
          animation: arrowAnim 1.2s infinite;
}
.mouse_icon .arrow.arrow-01 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
} 
.mouse_icon .arrow.arrow-02 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 3px;
    opacity: 0;
  }
}

@keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 3px;
    opacity: 0;
  }
}
@-webkit-keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.focus_phone{ display:none;}
.focus_phone .bgImg{ padding-top: 37.50%; min-height: 300px;}

/*=======index_sec=======*/
.index_sec{ padding: .65rem 0; background: #ffffff 50% 0 no-repeat fixed; background-size: cover;}
.title01{ font-weight: 600; text-align:center; margin-bottom: .40rem;} 
.more01{ display:block; color: #b2b2b2;}
.more01 i{ display:block; border-radius:50%; text-indent:-9999px; background: #666666 url(../images/ico_03.png) center center no-repeat; background-size: 8px; width:40px; height: 40px; margin: 0 auto .15rem;  -webkit-transition:all .6s ease; transition:all .6s ease; }
/*sec_product*/
.sec_product{}
.product_con{ position:relative; margin: -10px;}
#product_swiper{ position: inherit; position: initial; padding: 10px;}
#product_swiper .swiper-wrapper{ align-items:stretch;}
#product_swiper .swiper-slide{ height: auto; margin: -1px;}  
#product_swiper .swiper-slide .bgImg{ position: absolute; top:0; left:0; width:100%; height: 100%; opacity: 0; filter:alpha(opacity=0); transform: scale(1.1); display:none;}
#product_swiper .swiper-slide a{ display:block; height: 100%; text-align: center; background: rgba(255,255,255,1); border: 1px solid #E9EAEE;}
.product_img{ max-width:385px; margin: 0 auto; position: relative; } 
.product_img .img_box{ padding-top: 64.94%; }
.product_text{ padding: 0 .70rem .40rem;}
.product_text .tit{ font-weight: 600; color: #122788;}
.product_text .des{ color: #666666; line-height:24px; max-height: 48px; margin-top: .15rem; }
#product_swiper .swiper-slide:hover{ z-index: 10;}
#product_swiper .swiper-slide:hover a{ box-shadow: 0 0 20px 6px rgba(0,0,0, .06);}
/*#product_swiper .swiper-button-prev, #product_swiper .swiper-button-next{ top:auto; bottom: .50rem; margin: 0; width:70px; height: 42px; background: url(../images/arrow01_left.png) center center no-repeat; background-size: contain;}
#product_swiper .swiper-button-prev{ left: -100px;}
#product_swiper .swiper-button-next{ right: -100px; background-image: url(../images/arrow01_right.png); }*/
#product_swiper .swiper-pagination{ position:static; margin-top: .50rem; display:none;}
@media (min-width: 1601px){
	#product_swiper .swiper_arrow .swiper-button-prev,
	#product_swiper .swiper_arrow .swiper-button-next{ position: absolute; top:auto; bottom: .50rem; margin: 0;}
	#product_swiper .swiper-button-prev{ left: -80px;}
	#product_swiper .swiper-button-next{ right: -80px; }
}

/*sec_application*/
.sec_application{ background-color: #f7f7f7;}
.application_top{ }
.application_con{ position:relative;} 
#application_swiper{ }
.application_list .swiper-slide{ float:left; width: 33.33%; padding-bottom: 5px;}
.application_list .swiper-slide a{ display:block; background: #fff; box-shadow: 0 -2px 10px -2px rgba(0,0,0,.10);}
.application_list .swiper-slide a .img_box{ background: #fff; padding-top: 54.62%;}
.application_list .swiper-slide a .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.application_list .swiper-slide a:hover .img_box img{ transform: scale(1.1); }
.application_info{ overflow: hidden; padding:.30rem .22rem; border-top:1px solid rgba(0,0,0,.05);}
.application_info .tit{ position: relative; padding-bottom: .15rem; margin-bottom: .20rem;}
.application_info .tit:before{ content:""; position: absolute; left:0; bottom: 0; width:55px; height: 1px; background: #4c5567;}
.application_info .des{ line-height: 24px; height: 96px; -webkit-line-clamp: 4; opacity: .70; filter:alpha(opacity=70); margin-bottom: .30rem; text-transform:uppercase;}
.application_more{ display:block; float:right; position: relative; text-align: center; border-radius: 20px; border: 1px solid #e6e6e6; padding: 0 .10rem; height: 40px; line-height: 40px; }
.application_more:before{ content:"＋"; position: absolute; top:0; left:0; width:100%; height: 100%; font-weight: bold; font-size: 16px; color: #999; display:none;}
.application_list .swiper-slide a:hover{ background: #1d2088; color: #fff;}
.application_list .swiper-slide a:hover .application_info .tit:before{ background:#fff;}
.application_list .swiper-slide a:hover .application_more{ border-color:#fff; background: #fff; color:#1d2088;} 
.application_list .swiper-slide a:hover .application_more:before{ color:#1d2088; -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.swiper_arrow{ text-align: center; margin-top: .40rem;}
.swiper_arrow .swiper-button-prev, 
.swiper_arrow .swiper-button-next{ position:inherit; display:inline-block; vertical-align: middle; border-radius: 50%; margin: 0 .25rem; opacity: 1; filter:alpha(opacity=100); width:55px; height: 55px; background: #1d2088 url(../images/arrow02_left.png) center center no-repeat; background-size: 10px;}
.swiper_arrow .swiper-button-next{ background-image: url(../images/arrow02_right.png);}
.swiper_arrow .swiper-button-prev.swiper-button-disabled,
.swiper_arrow .swiper-button-next.swiper-button-disabled{ background-color:#bdbdbd;}
.swiper_arrow .swiper-button-prev:hover,
.swiper_arrow .swiper-button-next:hover{ opacity: .80; filter:alpha(opacity=80);}
/*sec_solution*/
.sec_solution{}
#solution_swiper .swiper-slide{ }
#solution_swiper .swiper-slide .img_box{ padding-top: 43%; min-height: 300px;}
#solution_swiper .swiper-slide{ width:72.917%;}
.solution_block{ }
.solution_block .img_box{ background: #ffffff; border:1px solid rgba(0,0,0, .20); }
.solution_block .img_box img{ transition: transform 2s cubic-bezier(.23, 1, .32, 1); transform: scale(1.1); opacity: .80; filter:alpha(opacity=80); width:100%; height: 100%; object-fit: contain;}
#solution_swiper .swiper-slide-prev .solution_block, 
#solution_swiper .swiper-slide-next .solution_block { width: 91.36%; margin-top: 2%; float:right;}
#solution_swiper .swiper-slide-next .solution_block{ float:left;}
.solution_info{ display:block; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; padding: 5%; text-align:center; color: #fff;} 
.solution_info .tit{}
.solution_info .des{ margin: .10rem 0 .50rem;}
.solution_info .more02{ margin:0 auto;}
#solution_swiper .swiper-slide.swiper-slide-active .solution_block .img_box img{ transform: scale(1); opacity: 0.90; filter:alpha(opacity=90);}
#solution_swiper .swiper-slide.swiper-slide-active .solution_info .tit{
	-webkit-animation: 1s .2s fadeInUp both;
	animation: 1s .2s fadeInUp both;
}
#solution_swiper .swiper-slide.swiper-slide-active .solution_info .des{
	-webkit-animation: 1s .3s fadeInUp both;
	animation: 1s .3s fadeInUp both;
}
#solution_swiper .swiper-slide.swiper-slide-active .solution_info .more02{
	-webkit-animation: 1s .4s fadeInUp both;
	animation: 1s .4s fadeInUp both;
}
#solution_swiper .swiper_arrow{ margin-top: 0;}
#solution_swiper .swiper_arrow .swiper-button-prev, 
#solution_swiper .swiper_arrow .swiper-button-next{ position: absolute; margin: 0; /*width:73px; height: 43px; background: url(../images/arrow03_left.png) left center no-repeat;*/}
#solution_swiper .swiper_arrow .swiper-button-prev{ left:12%; }
#solution_swiper .swiper_arrow .swiper-button-next{ right:12%;/* background-image: url(../images/arrow03_right.png); background-position:right center;*/}
/*sec_about*/
.sec_about{ padding-top: 1rem; padding-bottom: 1rem; color:#070D34; } 
.sec_about .inner_1600{ display:flex; flex-wrap: wrap; align-items: stretch;}
.touch_box{ width:60.50%; margin-right: 10px; background: rgba(255,255,255,.90); padding: .90rem .80rem; text-align: center;}
.touch_tit{ font-weight: 600;}
.touch_forewords{ margin-top: .10rem; }
.touch_list{ margin: .35rem -.20rem -.20rem; display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.touch_block{ flex: 1 0 0; padding: .20rem; font-weight: 500;}
.touch_con{ max-width: 220px;}
.touch_item{ font-weight: 500; color: #122788;}
.touch_des{ line-height: 24px; margin-top: .20rem;}
.touch_des li{ margin-top: .10rem;}
.touch_link{ display: block; margin-top: .35rem; color: #122788;}
.touch_link .iconfont{ font-size: 18px; margin-right: .08rem;}
.touch_link:hover{ color:#2FA9D5;}
.about_box{ flex:1 0 0; background: rgba(255,255,255,.90); padding: .60rem .75rem .90rem;}
.about_logo{ display:block; height: 54px; width:auto;}
.about_des{ line-height: 26px; height: 208px; -webkit-line-clamp: 8; margin-top:.30rem;} 
.about_more{ margin-top: .70rem; background-color: transparent; color: #1d2088;}
.about_more:hover{ background-color: #1d2088; color: #ffffff;}
/*sec_contact*/
.sec_contact{ background-color:#f7f7f7; display: none;}
.contact_box{ /*width:87.5%; max-width: 1400px; margin: 0 auto;*/ background: #fff;}
.contact_left{ float:left; /*width:38.29%;*/ width:36%; background: url(../images/contact_01.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 40px;}
.contact_tit{ text-transform:uppercase; text-align:center;}
.contact_tit em{ display:block; opacity: 0.20; filter:alpha(opacity=20);}
.contact_form{}
.form_line{ overflow:hidden;}
.form_label, .form_fill{ border-bottom: 1px solid #999999; padding-top: 25px; padding-bottom: 5px;} 
.form_label{ display:block; float:left; color: rgba(255,255,255,.50); line-height: 40px;}
.form_label img{ display:inline-block; vertical-align: middle; width:20px; height: 20px; margin-right: 10px;}
.form_fill{ overflow:hidden;}
.form_txt{ display:block; width: 100%; color: #fff; height: 40px; padding:8px 14px;}
.form_txt::-webkit-input-placeholder { color:  rgba(255,255,255,.80);}
.form_txt::-moz-placeholder { color: rgba(255,255,255,.80);}
.form_txt:-ms-input-placeholder { color: rgba(255,255,255,.80);} 
.line_message{}
.line_message .form_label{ float:none;}
.form_yu{ resize: none; height: 50px; line-height: 20px;}
.form_btn{ margin: 50px auto 0; background-color: #fff; color:#1d2088;}
.form_btn em{ background-image: url(../images/ico_01b.png);}
.contact_right{ overflow:hidden; text-align: center; padding:8% 5%;}
.contact_item{ margin-bottom:10px;}
.contact_forewords{ color:#666;}
.contact_list{ margin: 10% -15px -15px; overflow: hidden;}
.contact_list li{ float:left; width:33.33%; padding: 15px; color:#666;}
.contact_list li img{ display:block; margin: 0 auto 20px; width:40px;}
.contact_list li a{ color:#666;}
.contact_list li a:hover{ color:#1d2088; text-decoration: underline;}
 
/*====================02 product==========================*/
/*======banner_wrap======*/
.banner_wrap{ position: relative; /*height: 4rem;*/}
.banner_wrap .bgImg{ padding-top: 20.83%; min-height: 100px;}
.banner_wrap .bgImg img{ display: none!important;}
.banner_text{ position: absolute; top:50%; left:0; transform: translateY(-50%); z-index: 1; width: 100%; color: #ffffff;}
.banner_tit{ font-weight: 500;}
/*======sub_wrap======*/
.sub_wrap{}
.sub_wrap .inner{ position: relative;} 
/*sub_top*/
.sub_top{ padding: .25rem 0 .10rem; border-bottom: 1px solid #e6e6e6; margin-bottom: .60rem;}
.local{ float:left; margin: 0 -.10rem;}
.local a{ color: #666; padding: 0 .10rem;}
.local a:hover, .local a.current{ color: #1d2088;}
/*sub_con*/
.sub_con{ position: relative;}
.product_left{ float:left; margin-right: .40rem; display: none;} 
.product_nav{ width: 200px; background: #F7F7F7; border-radius: 8px; padding: .40rem 0;/* -webkit-transition:transform .6s ease; transition:transform .6s ease; */}
.product_nav li a{ display:block; padding: 0 .40rem; color: rgba(18, 39, 136, .60); font-weight: 500;}
.product_nav li:hover a, .product_nav li.active a{ color: rgba(18, 39, 136, 1);} 
body.up #portamento_container .product_nav.fixed{ transform: translateY(230px); }
@media (min-width: 1200px){
	#portamento_container .product_nav.fixed{position:fixed; }
	.product_left{ display:block;}
}

/*product*/ 
.product_right{ overflow: hidden;}
.product_tit{ font-weight: bold; color: #333; margin-bottom: 10px;}
.product_block{ overflow: hidden; margin-top: .60rem;}
.product_subtit{ font-weight: bold; color: #142585; margin-bottom: 10px;}
.product_list{ margin: 12px -12px -12px; overflow: hidden;}
.product_list li{ float:left; width:33.33%; padding: 12px;}
.product_list li a{ display:block; background: #fff; border:1px solid #e6e6e6;}
.product_list li a .img_box{ padding-top:64.93%;}
.product_list li a .img_box img{
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
}
.product_list li a:hover .img_box img{ 
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
.product_info{ overflow: hidden; border-top:1px solid #e6e6e6; padding:25px 20px 30px;}
.product_info .tit{ font-weight: bold; } 
.product_info .des{ line-height:24px; height: 72px; -webkit-line-clamp: 3; opacity: 0.70; filter:alpha(opacity=70); margin: 10px 0 20px;}
.more03{ display:block; float:right; text-transform: uppercase; color: #666; -webkit-transition:all .6s ease; transition:all .6s ease;  font-size: 12px; }
.more03 i{ display:inline-block; vertical-align: middle; position: relative; text-indent:-9999px; overflow: hidden; background: #1d2088; border-radius:50%; width:28px; height: 28px; margin-left: 8px; -webkit-transition:all .6s ease; transition:all .6s ease; }
.more03 i:before, .more03 i:after{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; background: url(../images/ico_01.png) center center no-repeat; background-size: 12px;}
.more03 i:after{ left:-100%; background-image: url(../images/ico_01b.png);}
.product_list li a:hover{ background: #1d2088; color: #fff;}
.product_list li a:hover .more03, .more03:hover{ color: #fff;}
.product_list li a:hover .more03 i, .more03:hover i{ background: #fff;}
.product_list li a:hover .more03 i:before, .more03:hover i:before{ left:100%;}
.product_list li a:hover .more03 i:after, .more03:hover i:after{ left:0;} 

/*page*/
.page{ text-align:center; color: #777; margin-top: 50px;}
.page li{ display:inline-block; vertical-align: middle; margin: 0 1px; color: #777; min-width:30px; padding:0 5px; text-align: center; line-height: 30px; border:1px solid #bbbbbb;}
.page li.page_btn{ padding: 0 10px;}
.page li:hover, .page li.active{ background: #1d2088; color: #fff;}
.page li:hover a{color: #fff}
/*product_detail*/
.product_detail{}
.p_d_tit{ color: #1d2088; font-weight: 600; text-align: center; margin-bottom: .20rem;}
.p_d_block{ border:1px solid #e6e6e6; overflow: hidden; margin:0 auto .40rem;}
.p_d_item{ cursor: pointer; color: #1d2088; background: #f2f2f2; border-bottom:1px solid #e6e6e6; padding: 14px 20px;}
.p_d_item span{ padding-left:34px; position: relative; background: url(../images/ico_04b.png) left center no-repeat; background-size: 24px; display:inline-block; line-height: 24px;} 
.p_d_item.current span{ background-image: url(../images/ico_04a.png);}
.down{ margin-top: 20px}
table.tech_data tr td{ text-align: center; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; padding: 6px 10px;}
table.tech_data tr.data_head td{ font-weight: bold;}
table.tech_data tr td.data_item{ font-weight: bold; text-align:left; border-left:none; padding-left: 4.5%; } 
.typical{ padding:30px 4.5%; line-height: 2; }
.typical li{ margin-bottom: 15px;}
.typical_caption{ display:inline-block; vertical-align: middle; margin-right: 6px; min-width: 115px; padding:0 6px; background: #1d2088; color: #fff;}  
.p_d_con{ display:none;}
.p_d_con table{ border-spacing: 0; border-collapse:collapse; }
.p_d_con table tr td{ border:1px solid #666666;}
 
/*====================03 application==========================*/ 
.application_all{ margin:-25px -10px;}
.application_all .swiper-slide{ padding:25px 10px;}
/*.application_all .swiper-slide a{ box-shadow:none;}*/
.application_all .swiper-slide a:hover{ box-shadow:0 5px 15px 2px rgba(0,0,0,.20);} 
/*article*/
.article{ /*line-height: 2.4;*/ color: #333;}
.article_tit{ text-align:center; position: relative; border-bottom: 1px solid #e6e6e6; padding-bottom: 35px; margin-bottom: 35px;}
.article_tit:before{display: none; content:""; position: absolute; bottom: -1px; left:50%; margin-left: -18px; width:36px; height: 3px; background: #1d2088;}
.article_guide{ margin-top: 60px;}
.a_prev, .a_next{ display:block; float:left; color:#999;/* width:40%;*/ line-height: 48px;}
.a_next{ float:right; text-align: right;}
.a_prev i, .a_next i{ display:inline-block; vertical-align: middle; text-indent: -9999px; border-radius: 50%; opacity: 1; filter:alpha(opacity=100); width:55px; height: 55px; background: #1d2088 url(../images/arrow02_left.png) center center no-repeat; background-size: 10px;}
.a_prev i{ margin-right: 10px;} 
.a_next i{ background-image: url(../images/arrow02_right.png); margin-left: 10px;} 
.a_prev:hover, .a_next:hover{ color: #1d2088;}
.link_back{ overflow:hidden;}
.link_back .more02{ margin:0 auto;}
 
/*====================04 solution==========================*/ 
.solution_list{ overflow: hidden; margin:-50px 0;} 
.solution_list li a{ display:block; overflow: hidden; padding: 50px 0; border-bottom: 1px solid #e6e6e6;}
.solution_list li:last-child a{ border-bottom:none;}
.solution_img{ overflow: hidden; float:left; width:375px; height: 236px; margin-right: 4.5%;}
.solution_img img{ display:block; width:100%; height: 100%;}
.solution_textbox{ overflow: hidden; padding-top: 10px;}
.solution_textbox .tit{ font-weight:bold; color: #1d2088;}
.solution_textbox .des{ line-height:28px; height: 84px; -webkit-line-clamp: 3; color: #666; margin: 20px 0;}
.solution_more{ background-color:#fff; color: #1d2088; -webkit-transition:all .6s ease; transition:all .6s ease; } 
.solution_list li a:hover .solution_more{ background-color:#1d2088; color: #fff; } 
/*solution_all*/
.solution_all{}
.solution_all .application_info .des{ height: 72px; -webkit-line-clamp: 3;}
.solution_all .swiper-slide a:hover .more03{ color: #fff;}
.solution_all .swiper-slide a:hover .more03 i{ background: #fff;}
.solution_all .swiper-slide a:hover .more03 i:before{ left:100%;}
.solution_all .swiper-slide a:hover .more03 i:after{ left:0;}

 
/*====================05 load==========================*/ 
.sub_tit{ text-align:center; color: #333; font-weight: bold; padding-bottom: 20px; margin-bottom: 40px; position: relative;}
.sub_tit:before{ content:""; position: absolute; bottom: 0; left:50%; margin-left: -25px; width:50px; height: 1px; background: #1d2088; }
/*load_nav*/
.load_nav{ text-align: center; margin: 0 -.35rem .50rem;}
.load_nav li{ display:inline-block; padding: 0 .35rem;}
.load_nav li a{ display: block; position: relative; padding-bottom: .10rem;}
.load_nav li a:before{ content:""; position: absolute; bottom: 0; left:50%; width: 0; height: 2px; background: #2fa9d5;}
.load_nav li:hover a, .load_nav li.active a{ color: #2fa9d5;}
.load_nav li:hover a:before, .load_nav li.active a:before{ left:0; width: 100%;}
/*load_software*/
.load_software{ border-top: 1px solid #e6e6e6;}
.load_software li{ display:flex; align-items: center; padding: .30rem 0; border-bottom: 1px solid #e6e6e6;}
.load_software li .tit{ display:block; overflow: hidden; position: relative; padding-left: 18px; margin-right: 5%;}
.load_software li .tit:before{ content:""; position: absolute; top:50%; left:0; border-radius:50%; width:8px; height: 8px; margin-top: -4px; background: #7f7f7f;}
.link_load{ display:block; margin-left: auto; background-color:#fff; color: #1d2088; -webkit-transition:all .6s ease; transition:all .6s ease; }
.link_load em{ background-size: 14px; background-image: url(../images/ico_05b.png);}
.link_load em:before{ display:none;}
.load_software li:hover .tit{color:#1d2088;}
.load_software li:hover .tit:before{ background-color:#1d2088;}
.load_software li:hover .link_load{ background-color:#1d2088; color: #fff; }
.load_software li:hover .link_load em{ background-image: url(../images/ico_05.png);}
/*load_video*/
.load_video{ margin: -15px; overflow: hidden;}
.load_video li{ float:left; width:33.33%; padding: 12px;}
.load_video li .videolist{ display:block; background: #f7f7f7; -webkit-transition:all .6s ease; transition:all .6s ease; }
.load_video li .videolist .img_box{ padding-top: 54.70%;}
.load_video li .videolist .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); width:100%; height: 100%; object-fit: cover; }
.load_video li .videolist:hover .img_box img{ transform: scale(1.1); }
.load_video li .videolist .img_box:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0,.30) url(../images/ico_video02.png) center center no-repeat; background-size: 65px;}
.load_video li .videolist .tit{ line-height: 2.85; padding: 0 20px;}
.load_video li .videolist:hover{ background-color:#1d2088; color: #fff;}
.load_video li .videolist:hover .img_box:before{ background-color: rgba(0,0,0,.10);}
/*load_handbook*/
.load_handbook{ border-top: 1px solid #e6e6e6;}
.load_handbook li a{ display:flex; align-items: center; padding: .30rem 0; border-bottom: 1px solid #e6e6e6; color:#122788;}
.handbook_ico{ width: .52rem; height: .52rem; margin-right: .50rem;}
.handbook_tit{ flex:1 0 0; margin-right: 5%; font-weight: 500; }
.handbook_time{ margin-left: auto; white-space: nowrap; color:rgba(7,13,52, .50);}
.load_handbook li a:hover{ color: #2fa9d5;}

/*====================06 about==========================*/ 
.about{}
/*contact*/
.main_contact{ background:#f8f8f8;}
.contact_block{ background: #fff; padding: 30px; margin-bottom: 40px;}
.contact_subtit{ text-align: center; color:#333; font-weight:bold; margin-bottom: 30px;}
.contact_map{ position: relative; overflow: hidden;}
.map_box{ height:480px;}
.map_box img{ display:block; width:100%; height: 100%;}
.contact_textbox{ overflow: hidden; background-color:#1d2088; color: #fff; position: absolute; top:16%; right:5%; max-height: 75%; width:40%; max-width: 335px;}
.textbox_tit{ padding:20px 30px; border-bottom: 1px solid rgba(255,255,255,.50);}
.textbox_list{ padding:20px 30px 30px;}
.textbox_list li{ overflow:hidden; line-height: 34px;}
.textbox_list li em{ display:block; float:left;}
.textbox_list li p{ overflow:hidden;}

/*news_list*/
.news_list{ margin:-30px 0;}
.news_list li a{ display:block; overflow: hidden; padding: 30px 0; border-bottom: 1px solid #e6e6e6;}
.news_list li:last-child a{ border:none;}
.news_img{ float:left; overflow: hidden; width:482px; height: 270px; margin-right: 4%;}
.news_img img{ display:block; width:100%; height: 100%;}
.news_textbox{ overflow:hidden; padding-top: 20px;}
.news_info{ color:#999; margin: 15px 0;}
.news_textbox .des{ line-height: 24px; height: 48px; color: #666; margin-bottom: 30px; }
.news_list li a:hover{ color:#1d2088;}
.news_list li a:hover .solution_more{ background-color:#1d2088; color: #fff; } 

/*detail*/
.detail_tit{ text-align:center; color: #333; font-weight: bold;}
.detail_time{ text-align:center; color: #999; margin: 15px 0 40px;}
.detail_guide{ margin-top: 40px;}
.detail_guide li{ margin-top: 10px;}
.detail_guide li a{ display:block; line-height: 1.6;}
.detail_guide li a em{ display:block; float:left;}
.detail_guide li a p{ overflow:hidden;}

/*table_post*/
table.table_post thead tr th{ font-weight: normal; color: #333; background: #f7f7f7; padding: 12px 0;}
table.table_post tbody tr td{ text-align: center; cursor: pointer; border-bottom: 1px solid #e6e6e6; -webkit-transition:all .6s ease; transition:all .6s ease;  padding: 14px;}
.post_more{ color:#1d2088;}
table.table_post tbody tr:hover td{ background: #1d2088; color:#fff;}
table.table_post tbody tr:hover td .post_more{ color:#fff; text-decoration:underline;}
/*==============tan_warp*/ 
.tan_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 2003; display:none; padding: 0 15px;} 
.tan_bg{ position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.80);} 
.tan_box{ position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; background: #fff; }
.tan_handle{ background: #eeeeee; position:relative; color: #1d2088; line-height: 48px;}
a.tan_closed{ cursor: pointer; display:block; float:right; margin-left: 5%; text-indent:-9999px; z-index: 10; width:58px; height:58px; background:#1d2088 url(../images/ico_closed01.png) center center no-repeat; background-size: 20px; color: #fff;}
.tan_handle p{ overflow:hidden; padding: 0 4%;}
.post_end{}
.post_end .post_item{ text-align:center;}
.post_end_box{ padding:3% 4%; line-height:1.875;}
.post_end{ max-height: 400px; overflow: hidden;}
.post_email, .post_email a{ color: #1d2088;}
.post_email a:hover{ text-decoration:underline;} 

.more_all{ margin-top:20px; font-size:16px; background: #1d2088; color: #fff; padding: 5px 35px;} 

@media (max-width: 1600px){
	html{ font-size: 83px;}
	
	/*font*/     
	.f60{ font-size: 52px;}
	.f40{ font-size: 36px;}
	.f36{ font-size: 32px;}
	.f32{ font-size: 28px;}
	.f30{ font-size: 26px;}
	.f28{ font-size: 24px;}
	.f26{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;} 
	.f20{ font-size: 16px;} 
	.f18{ font-size: 16px;} 
	.f16{ font-size: 14px;} 
	
	/*header*/ 
	.header_top{ height:125px;}
	.logo a img{ height:82px;}
	.n_tit a.n_a0 em{ height:60px; line-height: 52px;}
	main{ padding-top: 200px;}
	body.up #portamento_container .product_nav.fixed{ transform: translateY(200px); }  
	
	/*02*/
	.a_prev, .a_next{ line-height: 42px;}
	.a_prev i, .a_next i{ height: 42px;}	 
} 


@media (max-width: 1366px){
	/*font*/     
	.f60{ font-size: 44px;}
	.f40{ font-size: 32px;}
	.f36{ font-size: 28px;}
	.f32{ font-size: 24px;}
	.f30{ font-size: 22px;}
	.f28{ font-size: 20px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;} 
	.f18{ font-size: 14px;} 
	.f16{ font-size: 14px;}
	
	.inner_1600, .inner{ width:100%; padding: 0 20px; max-width: 1190px;} 
	
	/*header*/ 
	.header_top{ height:105px;}
	.logo a img{ height:62px;}
	.n_tit a.n_a0 em{ height: 50px; line-height: 42px;}
	main{ padding-top: 170px;}
	body.up #portamento_container .product_nav.fixed{ transform: translateY(170px); } 
	
	/*index*/ 
	.swiper_arrow .swiper-button-prev, .swiper_arrow .swiper-button-next{ width:45px; height: 45px; }
	.contact_list{ font-size: 12px;}
	
	/*02*/ 
	/*.application_more{ width:30px; height: 30px; line-height: 28px;}
	.application_more:before{ font-size: 14px; }*/
	
	/*04*/
	.solution_img{ width: 295px; height: 186px;}
	.solution_textbox{ padding-top:0;}
	.solution_textbox .des{ margin:16px 0;} 
	
	/*06*/
	.news_img{ width: 362px; height: 203px;}
	.news_textbox{ padding-top:0;} 
} 


@media (max-width: 1199px){
	html{ font-size: 68px;}
	/*font*/     
	.f60{ font-size: 32px;}
	.f40{ font-size: 28px;}
	.f36{ font-size: 24px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;} 
	.f18{ font-size: 14px;} 
	.f16{ font-size: 14px;}  
	
	/*header*/ 
	.header_top{ height:85px;}
	.logo a img{ height:42px;}
	.nav li.n_li0:nth-child(3) .n_subclass .subclass_list li,
	.nav li.n_li0:nth-child(4) .n_subclass .subclass_list li{width: 33.33%;}
	.n_tit a.n_a0 em{ height: 40px; line-height: 32px;}
	main{ padding-top: 140px;}
	body.up #portamento_container .product_nav.fixed{ transform: translateY(140px); } 
	
	/*index*/   
	.index_sec{ background-attachment: local!important; background-position: 50% 0!important;}
	#solution_swiper .swiper-button-prev,  #solution_swiper .swiper-button-next{ width:43px;}
	#solution_swiper .swiper-button-prev{ left:0;}
	#solution_swiper .swiper-button-next{ right:0;} 
	.about_des{ line-height:22px; height: auto;}
	.contact_left{ padding:30px 20px;}
	.contact_list li{ width:50%;}
	.contact_list li img { width: 30px; margin-bottom: 10px; }
	.form_label img{ width:16px; height: 16px;}
	.form_label, .form_fill{ padding-top:15px;}
	.form_btn{ margin-top:30px;} 
	.sec_about .inner_1600{ display:block;}
	.touch_box{ width:100%; margin-right: 0; margin-bottom: 10px; padding: .40rem;}
	.touch_con{ max-width:none;}
	.about_box{ padding: .40rem;}
	
	/*02*/
	.product_list{ margin:12px -6px -6px;}
	.product_list li{ padding: 6px;}
	.product_info{ padding:15px;}
	.product_info .des{ line-height: 22px; height: 66px;} 
	.application_list .swiper-slide{ width: 50%;}
	.a_prev, .a_next{ line-height:32px;}
	.a_prev i, .a_next i{ width:48px; height: 32px;}
	
	/*04*/
	.solution_list{ margin:-25px 0;}
	.solution_list li a{ padding: 25px 0;}
	.solution_img{ width: 215px; height: 135px;} 
	.solution_textbox .des{ line-height: 22px; height: 66px; margin: 8px 0; }
	.page{ margin-top:40px;}
	.page a{ line-height:22px; min-width: 22px; padding: 0;}
	.page a.page_btn{ padding: 0 3px; min-width:inherit;}
	
	
	/*05*/ 
	.load_video{ margin:-10px;}
	.load_video li{ padding:10px;}
	.load_video li a .img_box:before{ background-size: 45px;}
	
	/*06*/
	.textbox_tit, .textbox_list{ padding:15px 20px;}
	.textbox_list li{ line-height:26px;}
	.map_box{ height: 380px;}
	.contact_block{ padding:15px; margin-bottom: 30px;}  
	.news_list{ margin:-25px 0;}
	.news_list li a{ padding:25px;}
	.news_img{ width: 242px; height: 136px;}
	.news_textbox{ padding-top:0;}
	.news_info{ margin: 5px 0;}
	.news_textbox .des{ line-height: 22px; height: 44px; margin-bottom: 10px;}
	.tan_handle{ line-height:48px;}
	a.tan_closed{ width:48px; height: 48px;}
	.post_end{ max-height:310px;}  
}

@media (max-width: 991px){
	 
	/*footer*/ 
	.footer_left{ width:100%; float:none; margin-bottom: .40rem;}
	.f_con{ float:none; max-width: none;}  
}
	

@media (max-width: 767px){
	html{ font-size: 50px;}
	/*font*/     
	.f60{ font-size: 26px;}
	.f40{ font-size: 22px;}
	.f36{ font-size: 18px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 14px;} 
	.f20{ font-size: 14px;} 
	.f18{ font-size: 14px;} 
	.f16{ font-size: 14px;}  
	
	/*header*/  
	.header_top{ height:65px;}
	.logo a img{ height:42px;}
	.header_r{ flex:none;}
	.search, .notice, .header_bot{ display:none;}
	.menu_search, .menu_phone{ display:block;}
	.search{ position:fixed; top:85px; left:20px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); max-width: none;}
	.header_bot{ position:fixed; top:65px; right:0; width:100%; max-width: 480px; height: -webkit-calc(100% - 65px); height: calc(100% - 65px); margin: 0; overflow-y:auto; background: #ffffff;}
	.nav{ display:block; padding-top: .50rem;}
	.nav li.n_li0{ padding-top: 0; border-bottom: 1px solid #E9EAEE; }
	.n_tit{ padding-right: 40px;}
	.n_tit a.n_a0{ padding:0; text-align: left;} 
	.n_tit a.n_a0 em{ display:block; border-radius: 0; line-height: 40px;}
	.n_subclass{ position:static; }  
	.nav li.n_li0:nth-child(n) .n_subclass .subclass_list{ max-height: 340px; overflow-y: auto;}
	.nav li.n_li0:nth-child(n) .n_subclass .subclass_list li{ width:50%; }  
	.nav li.n_li0:nth-child(3) .n_subclass .subclass_list li,
	.nav li.n_li0:nth-child(4) .n_subclass .subclass_list li{ width: 100%; }
	main{ padding-top: 65px;} 
	
	/*footer*/
	footer .inner_1600{ padding-bottom: 60px;}
	.float{ bottom: 0; width:100%;}
	.float li{ float:left; width:20%;}
	.float_ico{ width: 100%; box-shadow: none; border-radius:0; border-left:1px solid #E9EAEE;}
	.float_ico em{ display:none;}
	.float_more{ bottom: 100%; right:auto; left:50%; transform: translateX(-50%); padding-right: 0; padding-bottom: 20px;}
	.float_more:before{ right:auto; left:50%; transform: translate(-50%, -4px) rotate(135deg); }
	
	/*index*/  
	#focus_swiper .swiper-button-next, #focus_swiper .swiper-button-prev{ display:none;}
	.focus_video{ display:none!important;} 
	.focus_pic{ display:block!important; padding-top: 0; min-height:0;} 
    .focus_pic img{ position: relative;}
	.about_box{ width:100%; max-width: none; float:none;}
	.contact_left{ width:100%; float:none;}
	.contact_list li{ width:100%;}
	.touch_list{ display: block;}
	.touch_block{  border-bottom: 1px solid #eeeeee;}
	.touch_block:last-child{ border:none;}
	
	/*02*/ 
	.product_list li{ width:50%;}
	.application_list .swiper-slide{ width:100%;}
	
	/*04*/
	.solution_img{ width: 145px; height: 90px;} 
	.solution_textbox .des{ margin: 3px 0; line-height: 20px; height: 40px; -webkit-line-clamp: 2; }
	
	/*05*/ 
	.link_load em{ padding-right: 14px; background-size: 10px;}
	.load_video li{ width:100%;}
	.load_handbook li a{ flex-wrap:wrap;}
	.handbook_tit{ margin-right:0;}
	.handbook_time{ width: 100%; margin-top: .10rem; text-align: right;}
	
	/*06*/ 
	.map_box{ height:280px;}
	.contact_textbox{ position:inherit; position: initial; width:100%; max-width: none; max-height: none;}
	.news_img{ width: 142px; height: 80px;}
	.news_info{ display:none;}
	.news_textbox .des{ line-height:18px; height: 36px;}
	
	/*08/23*/
	.more03 i{ width:22px; height: 22px;}
	.more03 i:before, .more03 i:after{ background-size:8px;}
	.p_d_item{ padding:7px 15px;}
	.p_d_item span{ padding-left: 30px; background-size: 20px;}  
	.article_tit{ padding-bottom: 15px;}
	.article_guide{ margin-top:30px;}
	.link_back{ clear: both;}
	.more_all{ font-size:14px; padding-left:25px; padding-right: 25px; }  
}



.body_index main{ padding-bottom:0;} 
.line_message .form_fill{ padding-top: 0; padding-bottom: 0;}
.contact_block:last-child{ margin-bottom:0;}
.line_message .textarea{background: url(../images/contact_ico04.png) 0 35px no-repeat;padding-top: 25px;}
.line_message .textarea textarea{padding-left: 40px}
#application_swiper .swiper-slide{ padding: 5px;}
 
 
/*图片由小变大*/
aa{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
aa{ transform: scale(1.1); }


/*图片横向*/
.aa{
    display: block;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px); 
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*图片纵向*/
aa{
    display: block;
   /* max-width: none;*/
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}